body {
	margin:0;
	background-image:url('frontPage/back.jpg');
	background-repeat:repeat-x;
	background-position:top left;
}



/* Les grosse box */

#top {
	margin-left:auto;
	margin-right:auto;
	width:946px;
	height:399px;
	background-image:url('frontPage/top.jpg');
	
}

#middle {
	margin-left:auto;
	margin-right:auto;
	width:946px;
	height:290px;
	background-image:url('frontPage/middle.jpg');
}

/* Contenu dans MIDLLE */

#fonction1 {
	position:relative;
	top:38px;
	left:64px;
	width:350px;
	height:37px;
}

#fonction1fleche {
	position:relative;
	top:-27px;
	left:330px;
	visibility:hidden; 
}

#fonction2 {
	position:relative;
	top:56px;
	left:64px;
	width:350px;
	height:37px;
}

#fonction2fleche {
	position:relative;
	top:-27px;
	left:330px;
	visibility:hidden; 
}

#fonction3 {
	position:relative;
	top:74px;
	left:64px;
	width:350px;
	height:37px;
}

#fonction3fleche {
	position:relative;
	top:-27px;
	left:330px;
	visibility:hidden; 
}

#fonction4 {
	position:relative;
	top:94px;
	left:64px;
	width:350px;
	height:37px;
}

#fonction4fleche {
	position:relative;
	top:-27px;
	left:330px;
	visibility:hidden; 
}

/* Contenu dans TOP */

#lien1 {

	position:relative;
	top:5px;
	left:530px;
	width:125px;
	height:20px;
	cursor:pointer;
}

#lien2 {
	
	position:relative;
	top:-15px;
	left:658px;
	width:55px;
	height:20px;
	cursor:pointer;
}

#lien3{
	
	position:relative;
	top:-35px;
	left:715px;
	width:35px;
	height:20px;
	cursor:pointer;
}

#lien4{
	
	position:relative;
	top:-54px;
	left:762px;
	width:105px;
	height:20px;
	cursor:pointer;
}

#lien5{
	
	position:relative;
	top:-75px;
	left:869px;
	width:70px;
	height:20px;
	cursor:pointer;
}


#screen {
	position:relative;
	top:-22px;
	width:405px;
	left:514px;
}

#bouton1 {
	
	position:relative;
	top:-62px;
	left:24px;
	width:175px;
	height:70px;
	cursor:pointer;
}

#bouton2 {
	
	position:relative;
	top:-132px;
	left:228px;
	width:175px;
	height:70px;
	cursor:pointer;
}

#logo {
	position:relative;
	top:-470px;
	left:480px;
	width:100px;
	height:100px;
	
	background-image:url('icon_biblio.png');
}


#retour{
	position:relative;
	top:-615px;
	left:0px;
	width:220px;
	height:25px;
}

